<div id="filed_index_div" style="padding: 25px 50px;margin: auto">
    <style type="text/css">
        .filed-index-content{
            margin: 20px auto;
        }
        .filed-index-item{
            float: left;
            text-align: center;
            align-items: center;
            margin: 2px;
            cursor:pointer;
            padding: 10px;
            border-radius: 10px;
        }
        .filed-index-item:hover{
            border: 2px groove #333333;
            border-radius: 10px;
            padding: 5px;
        }
        .filed-index-item-select{
            border: 1px groove #333333;
            border-radius: 10px;
            padding: 5px;
        }
        .filed-index-item img{
            display: block;
        }
        .filed-item-text{
            display: block;
        }
    </style>
    <fieldset class="layui-elem-field">
        <legend id="filed_filetype_name"></legend>
        <div id="filed_filetype_introduce" class="layui-field-box"></div>
    </fieldset>
    <div style="margin:20px 0;">
        <button id="filed_index_exit" class="layui-btn">返回</button>
        <button type="button" class="layui-btn" id="filed_index_add">
            <i class="layui-icon">&#xe67c;</i>上传文件
        </button>
        <button id="filed_index_info" class="layui-btn">下载</button>
        <button id="filed_index_update" class="layui-btn">重命名</button>
        <button id="filed_index_delete" class="layui-btn layui-btn-danger">删除</button>
        <div class="filed-index-content" id="filed_index_content"></div>
    </div>

    <script type="text/javascript" th:src="@{/static/js/filed.js}"></script>
    <script type="text/javascript">
        $(function () {
            layui.use(['layer','laytpl','flow', 'upload'], function() {
                filed_index_js.layer = layui.layer;
                filed_index_js.laytpl = layui.laytpl;
                filed_index_js.upload = layui.upload;
                filed_index_js.btn_init();
                filed_index_js.data_init();
            });
        });
    </script>
</div>

